<%@ page import="eudjok.Dj" %>
<%@ page import="eudjok.Avaliacao" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="layout" content="main" />
        <g:set var="entityName" value="${message(code: 'avaliacao.label', default: 'Avaliacao')}" />
        <title>euDj - Home</title>
    </head>
   <body>
  		 <div class="body">
        	<div id="navegacao">
           	 	<div class="homePagePanel">
           	     	<div class="panelTop"></div>
           	     	<div class="panelBody" id="panelBody">
           	        	 <g:render template="/common/perfil/Dj" />
           	     	</div>
           	    	 <div class="panelBtm"></div>
           		 </div>
        	</div>
			<div id="direita">
				<div id="direitaTopMusicas">
					<g:render template="/common/perfil/listTopMusicas"/>
				</div>
				<div id="direitaSetLists">
					<g:render template="/common/perfil/listSetLists" />
				</div>
				
				 <div id="direitaOuvintes">
					<g:render template="/common/perfil/listOuvintes" />
				</div>
				
				
			</div>
				
			<div id="centro">
				<div id="video">
					
					<g:if test="${playList[0] != null}">
						<iframe title="YouTube video player" class="youtube-player" type="text/html" width="470" height="340"  src="http://www.youtube.com/embed/${playList[0].url}?autoplay=1" frameborder="0"></iframe>
					</g:if>
					<g:if test="${playList[0] == null}">
						<p>playlist vazia</p>
					</g:if>
				</div>
				
				<form>
				   <input type="text" id="buscaPL" name="buscaPL"  />
			 	   <input type="button" class="buttonLikeLink" value="Buscar" onclick="${remoteFunction(controller:'home',
                         action:'listBusca',
                         params:'\'chave=\' + escape(buscaPL.value)',
                         update:'playlist')}" />
		        </form>	
				<div id="playlist">
				    <g:render template="/common/perfil/homePlaylist" />
				</div>
				<br/>
		    			
		
		
				<form method="get" action="http://localhost:8080/eudjok">
					<h1><center><input type="submit" value="Voltar"></center><h1>
				</form>
				
			</div>	

			
						
        </div>		
					
    </body>
</html>
